//banner轮播
var mySwiper = new Swiper ('.swiper', {
    autoplay:true,
    loop: true, // 循环模式选项
    
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
      clickable:true,
    },
    
    
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    }
    })

//获取元素
let apiListLi = document.querySelectorAll('.mid-content li')
// console.log(apiListLi);

apiListLi.forEach(function(dom,i){
  //移入
  dom.addEventListener('mouseover',function(){
    this.style.background = '#1271ef'
    this.querySelector('img').src = `../imgs/api0${i+1}-c.svg`
    
    })
    //移出
    dom.addEventListener('mouseout',function(){
      this.style.backgroundColor = '#fff'
      this.querySelector('img').src = `../imgs/api0${i+1}.svg`
     
  })

})

/**
 * 需求:跑马灯效果
 *      每隔1000ms,清除上一个bus-list的active样式
 *      给下一个bus-list添加active样式
 */

let busList = document.querySelectorAll('.bus-list')
let busText = document.querySelector('.help .content')
//定义变量保存上一个bus-list的索引
let index = 0;
let timeID = setInterval(function(){
//清除上一个bus-list的激活样式
busList[index].classList.remove('active')
//索引自增
++index
//判断索引值,完成循环效果
if(index ===busList.length) index = 0
//给下一个bus-list添加激活样式
busList[index].classList.add('active')
},2000)


/**
 * 需求:  鼠标移入时,关闭计数器
 *        鼠标移出时,开启计数器
 */
busText.addEventListener('mouseover',function(){
  clearInterval(timeID)
})
busText.addEventListener('mouseout',function(){
  timeID = setInterval(function(){
    //清除上一个bus-list的激活样式
    busList[index].classList.remove('active')
    //索引自增
    ++index
    //判断索引值,完成循环效果
    if(index ===busList.length) index = 0
    //给下一个bus-list添加激活样式
    busList[index].classList.add('active')
    },2000)
})
